﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <!-- <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> -->
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Touch-Ad</title>
    <!-- ########## CSS Files ########## -->
    <!-- Screen CSS -->
    <link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="css/style5.css" type="text/css" media="screen" />
    <!-- lightbox CSS -->
    <link rel="stylesheet" href="js/prettyPhoto/css/prettyPhoto.css" type="text/css"
        media="screen" charset="utf-8" />
    <!-- ########## end css ########## -->
    <!-- JAVASCRIPT GOES HERE -->
    <script type='text/javascript' src='js/jquery.js'></script>
    <script type='text/javascript' src='js/cufon.js'></script>
    <script type='text/javascript' src='js/quicksand.font.js'></script>
    <script src="js/prettyPhoto/js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
    <script type='text/javascript' src='flashplayer/flowplayer-3.1.4.min.js'></script>
    <script type='text/javascript' src='js/custom.js'></script>
    <!--[if IE 6]>
	<script type='text/javascript' src='js/dd_belated_png.js'></script>
	<script>DD_belatedPNG.fix('.ie6fix');</script>
	<style>.box ul li a, .box ul a, .hr {zoom:1;}</style>
	<![endif]-->
</head>
<body id="top">
    <div class="wrapper" id='wrapper_head'>
        <div class="center">
            <div id="head">
                <a href="page.html">
                    <h1 style="font-weight: bolder; font-family: Arial; color: Purple">
                        Touch-Ad</h1>
                </a><span style="color: Red">Beta version 0.02</span>
                <ul id="nav">
                    <li><a href="page.html">Home</a></li>
                    <li><a href="#">Contact</a></li>
                </ul>
                <!--end head-->
            </div>
            <!-- end center-->
        </div>
        <!--end wrapper-->
    </div>
    <!-- extra heading, remove if not needed-->
    <div class="wrapper" id='wrapper_heading'>
        <div class="center">
            <h2>
                Set it up in 30 seconds!</h2>
            <!-- end center-->
        </div>
        <!--end wrapper-->
    </div>
    <div class="wrapper" id='wrapper_main'>
        <div class="center">
            <div id="main">
                <div class='content'>
                    <div class="entry">
                        <div class="entry-content">
                            <!-- one content block with 3 columns-->
                            <div class='one_third'>
                                <h3>
                                    Upload Ad Creative</h3>
                                <p>
                                    <span class='dropcap2 ie6fix'>1</span><input type="file" />
                                </p>
                            </div>
                            <div class='one_third'>
                                <h3>
                                    Choose Interaction</h3>
                                <p>
                                    <span class='dropcap2 ie6fix'>2</span>
                                    <input type="radio" name="radio1" />
                                    Puzzle + Coupon<br />
                                    <input type="radio" name="radio1" />
                                    Puzzle + Badge
                                </p>
                            </div>
                            <div class='one_third last'>
                                <h3>
                                    Set It Live !</h3>
                                <p>
                                    <span class='dropcap2 ie6fix'>3</span><textarea rows="5">Ad code will be shown here...Ad code will be shown here...Ad code will be shown here...Ad code will be shown here...</textarea>
                                    <a href="#">Copy code snipped </a>
                                </p>
                            </div><center>
                            <p>
                                    <span style=" background-color: rgb(252, 166, 245); border-radius: 15px;padding:10px"><a href="demo_page.html"
                                        style="color: Black;">See in action!</a></span>
                            </p></center>
                            <div class="hr">
                                <a class="scrollTop" href="#top">top</a></div>
                            <!--end entry-content-->
                        </div>
                        <!--end entry -->
                    </div>
                    <!--end content-->
                </div>
                <div class="sidebar">
                    <span class="sidebar_top">
                        <!-- needed for smooth start of sidebar background-->
                    </span><span class="sidebar_bottom">
                        <!-- needed for smooth end of sidebar background-->
                    </span>
                    <div class="box one_fourth">
                        <h3>
                            References</h3>
                        <ul>
                            <li><a href="#">Tesla Motors</a></li>
                            <li><a href="#">Coca Cola</a></li>
                            <li><a href="#">BMW</a></li>
                            <li><a href="#">Porsche</a></li>
                            <li><a href="#">Ford</a></li>
                            <li><a href="#">Microsoft</a></li>
                            <li><a href="#">P&G</a></li>
                            <li><a href="#">Adobe</a></li>
                        </ul>
                    </div>
                    <!--end box-->
                </div>
                <!--end main-->
            </div>
            <div id="footer_inside">
                <!--end footer_inside-->
            </div>
            <!-- end center-->
        </div>
        <!--end wrapper-->
    </div>
    <div class="wrapper" id='wrapper_footer'>
        <div id="footer_outside">
            <span class="copyright">&copy; Copyright <a href='#'>BilgiCiftligi Ltd</a></span>
            <ul class="social_bookmarks">
                <li class="rss"><a href="#" class="ie6fix">RSS</a></li>
                <li class="facebook"><a href="#" class="ie6fix">Facebook</a></li>
                <li class="twitter"><a href="#" class="ie6fix">Twitter</a></li>
                <li class="flickr"><a href="#" class="ie6fix">flickr</a></li>
            </ul>
            <a href="#top" class='scrollTop'>top</a>
            <!--end footer_outside-->
        </div>
        <!--end wrapper -->
    </div>
</body>
</html>
